<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>你好！欢迎来到我的个人网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/modernizr/2.6.2/modernizr.min.js"></script>

    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="fh5co-loader"></div>

<div id="page">
    <header id="fh5co-header" class="fh5co-cover js-fullheight" role="banner" data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center">
                    <div class="display-t js-fullheight">
                        <div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
                            <div class="profile-thumb" style="background: url(images/user-3.jpg);"></div>
                            <h1><span>达·芬奇</span></h1>
                            <h3><span>画家 / 发明家 / 艺术家 / 哲学家 / 工程师</span></h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div id="fh5co-about" class="animate-box">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>关于我</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <ul class="info">
                        <li><span class="first-block"> 全 名 : </span><span class="second-block">列奥纳多·迪·皮耶罗·达·芬奇</span></li>
                        <li><span class="first-block"> 手 机 : </span><span class="second-block">13333333333</span></li>
                        <li><span class="first-block"> 邮 箱 : </span><span class="second-block">info@yoursite.com</span>
                        </li>
                        <li><span class="first-block"> GitHub : </span><span class="second-block">github.com/13333333333</span>
                        </li>
                        <li><span class="first-block"> Wechat : </span><span class="second-block">abcdefghijklmn</span>
                        </li>
                    </ul>
                </div>
                <div class="col-md-8">
                    <h2>HELLO</h2>
                    <p>1月11日，运通汽车称，因2019年与汽车之家合作费用涨价，暂停与汽车之家的商业合作，运通汽车总裁李竑在其微博发文“指责”其垄断行为。</p>
                    <p>运通汽车作为国内汽车经销商集团之一，旗下拥有70多家4s店，其经营的品牌包括劳斯莱斯、宾利、兰博基尼、宝马、奔驰、阿斯顿—马丁、路虎、英菲尼迪等中高档品牌。</p>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-resume" class="fh5co-bg-color">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>个人简历</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-md-offset-0">
                    <ul class="timeline">
                        <li class="timeline-heading text-center animate-box">
                            <div><h3>工作经历</h3></div>
                        </li>
                        <li class="animate-box timeline-unverted">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">具体的职位</h3>
                                    <span class="company">公司名称 - 2016 - 部门</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介工作内容，一句话简介工作内容，一句话简介工作内容</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">具体的职位</h3>
                                    <span class="company">公司名称 - 2016 - 部门</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介工作内容，一句话简介工作内容，一句话简介工作内容</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">具体的职位</h3>
                                    <span class="company">公司名称 - 2016 - 部门</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介工作内容，一句话简介工作内容，一句话简介工作内容</p>
                                </div>
                            </div>
                        </li>

                        <br>
                        <li class="timeline-heading text-center animate-box">
                            <div><h3>教育背景</h3></div>
                        </li>
                        <li class="timeline-inverted animate-box">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">某某学位</h3>
                                    <span class="company">学校名称 - 2017 - 2019</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介学校内容，一句话简介学校内容，一句话简介学校内容，一句话简介学校内容。</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">某某学位</h3>
                                    <span class="company">学校名称 - 2017 - 2019</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介学校内容，一句话简介学校内容，一句话简介学校内容，一句话简介学校内容。</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">某某学位</h3>
                                    <span class="company">学校名称 - 2017 - 2019</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介学校内容，一句话简介学校内容，一句话简介学校内容，一句话简介学校内容。</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">某某学位</h3>
                                    <span class="company">学校名称 - 2017 - 2019</span>
                                </div>
                                <div class="timeline-body">
                                    <p>一句话简介学校内容，一句话简介学校内容，一句话简介学校内容，一句话简介学校内容。</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div id="fh5co-features" class="animate-box">
        <div class="container">
            <div class="services-padding">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                        <h2>专业技能</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
							<span class="icon">
								<i class="icon-paintbrush"></i>
							</span>
                            <div class="feature-copy">
                                <h3>网站设计</h3>
                                <p>海洋网络专业网站建设,网站设计,网站建设公司,网站制作,网页设计,1560元做网站建设全包,先设计后付费,已为上千家服务,为深圳、广州、北京、上海和全国各地企业和个人...</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 text-center">
                        <div class="feature-left">
							<span class="icon">
								<i class="icon-briefcase"></i>
							</span>
                            <div class="feature-copy">
                                <h3>推广</h3>
                                <p>在WebEx被赋予的具体含义是：客户WebEx站点的个性化设置。 即通过自己开发的软件定制工具，为客户新建的Webex站点的外观定制成与其...</p>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
							<span class="icon">
								<i class="icon-search"></i>
							</span>
                            <div class="feature-copy">
                                <h3>分析</h3>
                                <p>analytics.js JavaScript代码段是一种可用于衡量用户与您网站的互动情况的全新方式。它与之前的跟踪代码ga...</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-md-4 text-center">

                        <div class="feature-left">
							<span class="icon">
								<i class="icon-bargraph"></i>
							</span>
                            <div class="feature-copy">
                                <h3>网站开发</h3>
                                <p>成都网站建设哪家好,找成都蜀美网络!成都网站建设行业领先的网络公司,专注于网页设计、网站建设、微信开发、APP开发、响应式网站建设等高端项目制作,网站建设首选蜀美。</p>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-4 text-center">
                        <div class="feature-left">
							<span class="icon">
								<i class="icon-genius"></i>
							</span>
                            <div class="feature-copy">
                                <h3>网站运营</h3>
                                <p>网站运营是指一切为了提升网站服务于用户的效率，而从事与网站后期运作、经营有关的行为工作；范畴通常包括网站内容更新维护、网站服务器维护、网站流程优化、数据挖掘分析。</p>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
							<span class="icon">
								<i class="icon-chat"></i>
							</span>
                            <div class="feature-copy">
                                <h3>技术支持</h3>
                                <p>技术支持分售前技术支持和售后技术支持，售前技术支持是指在销售遇到无法解答的产品问题时，售前技术支持给予帮助；售后技术支持是指产品公司为其产品用户提供的售后服务的一种...</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-work">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>凑数的照片</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-1.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Illustration</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-2.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Brading</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-3.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Illustration</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-4.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Design</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-5.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Website</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-6.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Illustration</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-7.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Brading</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-3 text-center col-padding animate-box">
                    <a href="javascript:;" class="work" style="background-image: url(images/portfolio-8.jpg);">
                        <div class="desc">
                            <h3>Project Name</h3>
                            <span>Illustration</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-started" class="fh5co-bg-dark">
        <div class="overlay"></div>
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>海内存知己，天涯若比邻。</h2>
                    <p>想要了解更多，给我发邮件详聊吧~~~</p>
                    <p><a href="mailto:admin@zzzmh.cn" style="color: #fff">admin@zzzmh.cn</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
</div>

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-easing/1.3.2/jquery.easing.min.js"></script>
<script src="https://cdn.bootcss.com/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdn.bootcss.com/stellar.js/0.6.2/jquery.stellar.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

